<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <title>模板详情</title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp" %> 
    <!--[if lt IE 9]>
        <script src="lib/js/html5shiv.min.js"></script>
        <script src="lib/js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1>合同模板详情</h1>
        <ol class="breadcrumb">
            <li><a href=""${ctx}/home.jsp""><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="#">合同管理</a></li>
            <li class="active"><a href="#">合同模板管理</a></li>
        </ol>
    </section>
    <section class="content">
        <div class=" box box-success">
            <!-- form start -->
            <form role="form" class="form-horizontal" action="bakDrugList.jsp" method="post">
                <div class="box-body">     
                    	<h2 style="margin-top:0px;">
                        	<label class="col-sm-12 control-label" style="text-align: center;">${contractModel.contractModelName}</label>
                        </h2>
                   <div style="height:25px"></div>
                    <div class="form-group form-group-xs" style="margin-top:15px;">
                        <label class="col-sm-6 text-right">版本号：</label>
                        <div class="col-sm-3 text-left" style="color:#de4b37">${contractModel.version}</div>
                    </div>
	                <div id="documentviewer" class="flexpaper_viewer" style="margin-left:150px;width:800px;height:700px;display:block">Document loading..
	                </div>  
                </div>
                <div class="box-footer text-center">
                    <a onclick ="back()" class="btn btn-danger btn-sm">返&nbsp;回</a>
                </div>
            </form>
        </div>
    </section>
      <%@ include file="/WEB-INF/component/commonJS.jsp" %>  
      <script src="${ctx}/lib/js/flexpaper.js"></script>
    <script type="text/javascript">
    $('#documentviewer').FlexPaperViewer(
			{
				config: {
					SWFFile:"${ctx}/${contractModel.swfFilePath}",
					Scale:1,
					ZoomTransition:'easeOut',
					ZoomTime:0.50,
					ZoomInterval:0.2,
					FitPageOnLoad:true,
					FitPageWidthOnLoad:true,
					FullScreenAsMaxWindow:false,
					ProgressiveLoading:true,
					MinZoomSize:0.5,
					MaxZoomSize:2,
					SearchMatchAll:false,
					InitViewMode:'TwoPage',
					RederingOrder:'pdf',
					StartAtPage:'',
					ViewModeToolsVisible:true,
					ZoomToolsVisible:true,
					NavToolsVisible:true,
					CursorToolsVisible:false,
					SearchToolsVisible:true,
					WMode : 'window',
					localeChain:'zh_CN'
				}
			})
    	function back(){
        	window.location.href="toContractModelList.html"
        }
    $(function(){
    })
        
    </script>
</body>
</html>
